<form action="" method="POST" id="viewData" name="viewData" autocomplete="off">
	<div id="form-content">
		<?php
			$arrResult = $this->arrResult;
			echo $this->formHidden('PkComment','',null);
		?>
        <div>
            <div class = "tile_l2" style="width: 50%; float: left;">
                <?=$this->titleBody;?>
            </div>
            <div class="button-container" style="width: 50%; float: right; text-align: right; margin-bottom: 5px;">
                <input id = "back"  type="button" value="Quay lại" class="link-button clback">
            </div>
            <div style="clear: both;"></div>
        </div>
		<div>
			<div class="search-container info_general">
				<table id="table-search" >
						<col width="15%"></col><col width="85%"></col>
						<tr>
							<td><label class="normal_label">Tên bài giảng: </label></td>
							<td class="normal_label"><?php echo $arrResult['TD02'];?></td>
						</tr>
                        <tr>
                            <td><label class="normal_label">Người tạo: </label></td>
                            <td class="normal_label"><?php echo $arrResult['TD05'];?></td>
                        </tr>
						<tr>
							<td ><label class="normal_label3">Bài giảng thuộc: </label></td>
							<td class="normal_label"><?php echo $arrResult['TR04'];?></td>
						</tr>
						<tr>
							<td ><label class="normal_label3">Lớp học: </label></td>
							<td class="normal_label"><?php echo $arrResult['TD19']?></td>
						</tr>
						<tr>
							<td><label class="normal_label">Năm học: </label></td>
							<td class="normal_label"><?php echo $arrResult['TD0809'];?></td>
						</tr>
				</table>
				
			</div>
			<div class = "tile_l2">Tư liệu liên quan</div>
			<?php 


			if($this->viewimage || $this->viewvideo || $this->viewdocument || $this->viewunknow){
			?>
			<fieldset class="parent">
				<legend class="smallLegend"></legend>
				<?php
				if($this->viewimage){
				?>
				<fieldset class="children">
					<legend class="smallLegend">Hình ảnh</legend>
					<div class="filmstripframe">
						<?=$this->viewimage;?>
					</div>
				</fieldset>
				<?php }
				if($this->viewvideo){
				?>
				<fieldset class="children">
					<legend class="smallLegend">Video</legend>
					<div class="filmstripframe">
						<?=$this->viewvideo;?>
					</div>
				</fieldset>
				<?php }?>
				<?php 
				if($this->viewdocument){
				?>
				<fieldset class="children">
					<legend class="smallLegend">Tài liệu</legend>
					<div class="filmstripframe">
						<?=$this->viewdocument;?>
					</div>
				</fieldset>
				<?php }
                if($this->viewunknow){
                    ?>
                    <fieldset class="children">
                        <legend class="smallLegend">&nbsp</legend>
                        <div class="filmstripframe">
                            <?=$this->viewunknow;?>
                        </div>
                    </fieldset>
                <?php }?>
			</fieldset>
			<?php
			}
			?>
			<div>
				<textarea class="textarea_tab input3" rows="2" action="notselected" name="RC06" id="RC06" onfocus="change('selected'); empty();" onblur="change('notselected'); empty();">--Ý kiến của bạn--</textarea>
			</div>
			<div class="button-container" style="padding-right: 10px;text-align: right;">
				<input id = "updatecmm" type="button" value="Gửi ý kiến" class="link-button updatecmm" style="display:inline">
				<input id = "deletecmmbtn" type="button" value="Xóa ý kiến" class="link-button deletecmmbtn" style="display:inline">
			</div>
			<div id = "table-comment"></div>
			<div class="button-container">
				<input id = "back"  type="button" value="Quay lại" class="link-button clback" style="display:inline">
			</div>  
		</div>
	</div>
</form>	
<!-- Modal Video -->
<div id="modal_playlist" class="modal_playlist">
	<div id="jp_container_1" class="jp-video jp-video-270p">
			<div class="jp-type-playlist">
				<div id="jquery_jplayer_1" class="jp-jplayer"></div>
				<div class="jp-gui">
					<div class="jp-video-play">
						<a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a>
					</div>
					<div class="jp-interface">
						<div class="jp-progress">
							<div class="jp-seek-bar">
								<div class="jp-play-bar"></div>
							</div>
						</div>
						<div class="jp-current-time"></div>
						<div class="jp-duration"></div>
						<div class="jp-controls-holder">
							<ul class="jp-controls">
								<li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
								<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
								<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
								<li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
								<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
								<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
								<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
								<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
							</ul>
							<div class="jp-volume-bar">
								<div class="jp-volume-bar-value"></div>
							</div>
							<ul class="jp-toggles">
								<li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>
								<li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>
								<li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
								<li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
								<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
								<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
							</ul>
						</div>
						<div class="jp-title">
							<ul>
								<li></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="jp-playlist playlistvideo">
					<ul>
						<!-- The method Playlist.displayPlaylist() uses this unordered list -->
						<li></li>
					</ul>
				</div>
				<div class="jp-no-solution">
					<span>Update Required</span>
					To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
				</div>
			</div>
		</div>
</div>
<script type="text/javascript">
	var dirxml = baseUrl+'/xml/view/search/searchcomment.xml';
	if(typeof(xmlsearchcomment) === 'undefined' ){
		xmlsearchcomment = new efyXml(dirxml,'mySearchIndex');
	}
	function empty() {
 	 	var ta = document.getElementById("RC06");
 	 	ta.focus();
	  	if ($('#RC06').attr("action") == "notselected" && ta.value == "") ta.value = "--Ý kiến của bạn--";
	  	if ($('#RC06').attr("action") == "selected")
	  		if(ta.value == "--Ý kiến của bạn--") ta.value = "";
	}
	function change(cls) {
	  	$('#RC06').attr('action',cls);
	}

</script>	
<script type="text/javascript">
var arrVideo = $.parseJSON('<?= $this->jsonvideo ?>');
var arrTemp ={}
	,videos=[];
	if(arrVideo){
		for (var i = 0; i < arrVideo.length; i++) {
			arrTemp ={
					title: arrVideo[i]['name']
					,artist: ''
					,free: true
					,m4v: arrVideo[i]['link']
					,id:'xxx'
				}
			videos.push(arrTemp);
		};
	}
	new jPlayerPlaylist({
		jPlayer: "#jquery_jplayer_1",
		cssSelectorAncestor: "#jp_container_1"
	}, videos, {
		swfPath: "js",
		supplied: "webmv, ogv, m4v",
		smoothPlayBar: true,
		keyEnabled: true
	});


</script>
<style type="text/css">
.ui-dialog .ui-widget-header {
    background: none repeat scroll 0 0 #3774B7;
    border-bottom: 1px solid #BCCDDD;
    border-color: #BCCDDD;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.52);
    color: #FFF701;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 20em !important;
    text-align: center;
}
</style>
<script type="text/javascript" src="<?= $this->baseUrl ?>/efy-js/picbox/js/picbox.js"></script>